<template>
	<view class="agreement-container">
		<view class="header">
			<text class="title">{{ pageTitle }}</text>
		</view>
		
		<view class="content">
			<!-- 用户协议内容 -->
			<view v-if="type === 'user'" class="agreement-content">
				<view class="section">
					<text class="section-title">欢迎使用裁判学习平台</text>
					<text class="section-text">感谢您选择我们的裁判学习平台。在使用我们的服务之前，请仔细阅读以下用户协议。</text>
				</view>
				
				<view class="section">
					<text class="section-title">1. 服务介绍</text>
					<text class="section-text">我们为裁判员提供专业的学习培训平台，包括但不限于考试训练、证书管理、学习记录等功能。</text>
				</view>
				
				<view class="section">
					<text class="section-title">2. 用户注册</text>
					<text class="section-text">2.1 您需要提供真实、准确的个人信息进行注册。</text>
					<text class="section-text">2.2 您的手机号码将用于账号绑定和密码重置功能，确保账号安全。</text>
					<text class="section-text">2.3 请妥善保管您的登录凭据，不得将账号借给他人使用。</text>
				</view>
				
				<view class="section">
					<text class="section-title">3. 用户权利与义务</text>
					<text class="section-text">3.1 您有权使用平台提供的所有学习功能。</text>
					<text class="section-text">3.2 您应当遵守相关法律法规，不得利用平台从事违法违规活动。</text>
					<text class="section-text">3.3 您上传的证书和相关材料仅用于学习记录和成绩管理，我们承诺妥善保管。</text>
				</view>
				
				<view class="section">
					<text class="section-title">4. 平台责任</text>
					<text class="section-text">4.1 我们致力于为用户提供稳定、安全的学习环境。</text>
					<text class="section-text">4.2 我们将按照隐私政策保护您的个人信息安全。</text>
					<text class="section-text">4.3 如因技术故障等不可抗力因素导致服务中断，我们将尽快恢复。</text>
				</view>
				
				<view class="section">
					<text class="section-title">5. 知识产权</text>
					<text class="section-text">平台内的所有内容，包括题库、课程等均受知识产权保护，未经许可不得复制或传播。</text>
				</view>
				
				<view class="section">
					<text class="section-title">6. 协议修改</text>
					<text class="section-text">我们保留修改本协议的权利，修改后的协议将在平台上公布。继续使用服务即表示接受修改后的协议。</text>
				</view>
				
				<view class="section">
					<text class="section-title">7. 联系我们</text>
					<text class="section-text">如有任何疑问，请通过平台内的联系方式与我们取得联系。</text>
				</view>
			</view>
			
			<!-- 隐私政策内容 -->
			<view v-else-if="type === 'privacy'" class="privacy-content">
				<view class="section">
					<text class="section-title">裁判学习平台隐私政策</text>
					<text class="section-text">本隐私政策说明我们如何收集、使用和保护您的个人信息。</text>
				</view>
				
				<view class="section">
					<text class="section-title">1. 信息收集</text>
					<text class="section-text">1.1 基本信息：我们收集您的姓名、手机号码、邮箱等基本信息用于账号注册和身份验证。</text>
					<text class="section-text highlight">1.2 手机号码用途：您的手机号码主要用于账号绑定和密码重置功能，确保您能够安全地管理自己的账号。我们不会将您的手机号码用于营销或其他商业目的。</text>
					<text class="section-text highlight">1.3 证书信息：我们收集您上传的裁判员证书等相关资质文件，这些信息仅用于学习记录管理和成绩统计，帮助您更好地追踪学习进度。</text>
					<text class="section-text">1.4 学习数据：包括考试成绩、学习时长、课程进度等，用于提供个性化的学习建议。</text>
				</view>
				
				<view class="section">
					<text class="section-title">2. 信息使用</text>
					<text class="section-text">2.1 提供服务：使用您的信息来提供、维护和改进我们的学习平台。</text>
					<text class="section-text">2.2 身份验证：通过手机号码进行身份验证，确保账号安全。</text>
					<text class="section-text">2.3 学习管理：基于您的证书信息和学习数据，为您提供个性化的学习建议和进度跟踪。</text>
					<text class="section-text">2.4 技术支持：在您需要帮助时，使用相关信息为您提供技术支持。</text>
				</view>
				
				<view class="section">
					<text class="section-title">3. 信息保护</text>
					<text class="section-text">3.1 我们采用先进的加密技术保护您的个人信息安全。</text>
					<text class="section-text">3.2 严格限制有权访问您个人信息的员工，并要求他们保守机密。</text>
					<text class="section-text">3.3 定期进行安全评估，确保数据安全措施的有效性。</text>
				</view>
				
				<view class="section">
					<text class="section-title">4. 信息共享</text>
					<text class="section-text">4.1 我们不会向第三方出售、交易或以其他方式转让您的个人信息。</text>
					<text class="section-text">4.2 除非获得您的明确同意或法律要求，我们不会共享您的个人信息。</text>
					<text class="section-text">4.3 在合并、收购等特殊情况下，我们会提前通知您并获得您的同意。</text>
				</view>
				
				<view class="section">
					<text class="section-title">5. 数据存储</text>
					<text class="section-text">5.1 您的个人信息存储在安全的服务器中。</text>
					<text class="section-text">5.2 我们只在提供服务所需的期间保留您的个人信息。</text>
					<text class="section-text">5.3 您可以随时要求删除您的账号和相关信息。</text>
				</view>
				
				<view class="section">
					<text class="section-title">6. 用户权利</text>
					<text class="section-text">6.1 您有权查看、修改或删除您的个人信息。</text>
					<text class="section-text">6.2 您可以随时撤回对信息处理的同意。</text>
					<text class="section-text">6.3 如有疑问或投诉，可通过平台联系我们。</text>
				</view>
				
				<view class="section">
					<text class="section-title">7. 政策更新</text>
					<text class="section-text">我们可能会不时更新本隐私政策。重大变更时，我们会通过适当方式通知您。</text>
				</view>
				
				<view class="section">
					<text class="section-title">8. 联系我们</text>
					<text class="section-text">如果您对本隐私政策有任何疑问，请通过平台内的联系方式与我们联系。</text>
				</view>
			</view>
		</view>
		
		<view class="footer">
			<text class="update-time">最后更新时间：{{ updateTime }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 'user', // user: 用户协议, privacy: 隐私政策
				updateTime: '2024年1月'
			}
		},
		computed: {
			pageTitle() {
				return this.type === 'user' ? '用户协议' : '隐私政策'
			}
		},
		onLoad(options) {
			this.type = options.type || 'user'
			uni.setNavigationBarTitle({
				title: this.pageTitle
			})
		}
	}
</script>

<style>
	.agreement-container {
		background-color: #f8f8f8;
		min-height: 100vh;
		padding: 20rpx;
	}
	
	.header {
		background-color: #ffffff;
		padding: 30rpx;
		margin-bottom: 20rpx;
		border-radius: 12rpx;
		text-align: center;
	}
	
	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;
	}
	
	.content {
		background-color: #ffffff;
		border-radius: 12rpx;
		padding: 30rpx;
		margin-bottom: 20rpx;
	}
	
	.section {
		margin-bottom: 40rpx;
	}
	
	.section-title {
		display: block;
		font-size: 32rpx;
		font-weight: bold;
		color: #1BAE76;
		margin-bottom: 20rpx;
	}
	
	.section-text {
		display: block;
		font-size: 28rpx;
		color: #666666;
		line-height: 1.6;
		margin-bottom: 12rpx;
	}
	
	.section-text.highlight {
		background-color: #f0f9ff;
		padding: 20rpx;
		border-left: 6rpx solid #1BAE76;
		color: #333333;
		border-radius: 8rpx;
	}
	
	.footer {
		background-color: #ffffff;
		padding: 30rpx;
		border-radius: 12rpx;
		text-align: center;
	}
	
	.update-time {
		font-size: 24rpx;
		color: #999999;
	}
</style> 